<!DOCTYPE >
<html >
<head>
 <meta charset="UTF-8"> 
	<title>商户信息</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
	<link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.css" rel="stylesheet">
	<link href="http://cdn.bootcss.com/iCheck/1.0.1/skins/square/green.css" rel="stylesheet">
<link href="http://cdn.bootcss.com/jquery-datetimepicker/2.4.5/jquery.datetimepicker.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">
	<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script src="http://cdn.bootcss.com/iCheck/1.0.1/icheck.min.js"></script>
	<script src="http://cdn.bootcss.com/jquery-datetimepicker/2.4.5/jquery.datetimepicker.js"></script>
</head>
<style type="text/css">
	.panel_title_bg{
		background-color: E62129;
		height: 40px;
		padding: 0px;
		padding-top: 10px;
		color: white;
	}
	.row_margin{
		margin-right:0px;
		margin-left:0px;
	}
	a{
		font-size: 20px;
		margin-top: 10px;
		padding-left: 5px;
	}
	input{
		width: 100%;
		border: none;
		height: 30px;
		font-size: 20px;
	}
	span{
		color: red;
		font-size:35px;
	}
	.fa-icon{
		font-size:30px;
		margin-top: -30px;
	}
	.title-head-padding{
		padding: 0px;
	}
	.col-xs-padding{
		padding-left: 5px;
		padding-top:-2px;
	}
	.col-xs-bottom{
		border-bottom: 2px gray dashed;
		padding-left:0px;
	}
	.col-xs-div{
		font-size: 20px;
	}
	.col-xs{
		padding:0px;
	}
	.col-size{
		font-size: 20px;
	}
	.i-star{
		font-size:35px;
		color:red;
		margin-top: 10px;
	}
	.col-xs-10{
		padding-top: 5px;
	}
	.div-margin{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.row-margin{
		margin-top: 10px;
	}
	.fa-icon-size{
		font-size: 25px;
		padding-right: 10px;
	}
	.btn-red{
		background-color: E62129;
		border-color: E62129;
	}
	.panel-heading-bg{
		background-color:transparent;
		border-color:transparent;
	}
</style>
<body>
<div class="row row_margin" >
	<form name="form" id="form">
	<div class="col-xs-12">
		<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
		  <div class="panel panel-default panel-heading-bg">
		    <div class="panel-heading title-head-padding " role="tab" id="headingOne">
		      <h4 class="panel-title panel_title_bg">
		        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
		          商户基本信息<i class="fa fa-chevron-circle-down pull-right fa-icon-size"></i>
		        </a>
		      </h4>
		    </div>
		    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
		      <div class="panel-body">
		       		<div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe680;</i><span>*<span/>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="number" placeholder="注册登记号::3202002105368" required name="a">
		       			</div>
		       		</div>
		       		<div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe607;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="text" placeholder="税务登记号" required name="b">
		       			</div>
		       		</div>
		       		<div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe67e;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="text" placeholder="注册地址:天府三街福年广场T1209" required name="c">
		       			</div>
		       		</div>
		       		<div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe680;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div style="font-size:20px" class="div-margin">开业时间</div>
		       				<div class="col-xs-12">
		       					<input type="text" name="d" id="openTime">
		       				</div>
		       			</div>
		       		</div>
		       		<div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe679;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="number" placeholder="注册资本(万元):100" required name="e">
		       			</div>
		       		</div>
		       		<div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe66f;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="number" placeholder="法务类别码(MCC):5094" required name="f">
		       			</div>
		       		</div>
		       		<div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon" style="color:black">&#xe824;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div class="div-margin"style="font-size:20px;">商户性质</div>
		       				<select class="form-control"  style="font-size:20px">
		       					<option>个体餐饮</option>
		       					<option>纺织业</option>
		       					<option>软件行业</option>
		       					<option>其它</option>
		       				</select>
		       			</div>
		       		</div>
		      </div>
		    </div>
		  </div>
		  <div class="panel panel-default panel-heading-bg">
		   <div class="panel-heading title-head-padding" role="tab" id="headingOne">
		      <h4 class="panel-title panel_title_bg">
		        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
		          商户经营信息<i class="fa fa-chevron-circle-down pull-right fa-icon-size"></i>
		        </a>
		      </h4>
		    </div>
		    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
		      <div class="panel-body">
		       <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe680;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="text" placeholder="营业地址:天府三街福年广场T1209" required name="h">
		       			</div>
		       	</div>
		       	<div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe607;</i><span>*</span>
		       			</div>
		       
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div class="col-xs-12 col-xs col-size">
		       					营业用地性质
		       				</div>
		       				<div class="row">
		       					<div class="col-xs-4 col-xs-div div-margin">
		       						<input type="radio" name="iCheck" checked="checked">自有</div>
		       					<div class="col-xs-4 col-xs-div div-margin">
		       						<input type="radio" name="iCheck">租用</div>
		       				</div>
		       			</div>
		       	</div>
		       	  <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe67e;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="number" placeholder="营业用地面积(平方):100" required name="k">
		       			</div>
		       	</div>
		       	   <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe680;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div class="col-xs-12 col-xs col-size">
		       					经营地段
		       				</div>
		       				<div class="row">
		       					<div class="col-xs-6 col-xs-div div-margin">
		       						<input type="radio" name="address" checked="checked">商业区
		       					</div>
		       					<div class="col-xs-6 col-xs-div div-margin">
		       						<input type="radio" name="address">工业区</div>
		       					<div class="col-xs-6 col-xs-div div-margin">
		       						<input type="radio" name="address">住宅区</div>
		       				</div>
		       			</div>
		       	</div>
		       		   <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe679;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div class="col-xs-12 col-xs col-size">
		       					经营区域
		       				</div>
		       				<div class="row">
		       					<div class="col-xs-6 col-xs-div div-margin">
		       							<input type="radio" name="scope" checked="">城区
		       					</div>
		       					<div class="col-xs-6 col-xs-div div-margin">
		       						<input type="radio" name="scope">郊区</div>
		       					<div class="col-xs-6 col-xs-div div-margin">
		       						<input type="radio" name="scope">边远地区</div>
		       				</div>
		       			</div>
		       	</div>
		       	 <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe66f;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div style="font-size:20px" class="div-margin">营业时间</div>
		       				<div class="col-xs-12">
		       						<input type="text" name="am" id="am" class="col-xs-5">
		       						<label class="col-xs-2 text-center">—</label>	
		       						<input type="text" name="pm" id="pm" class="col-xs-5">
		       				</div>
		       				
		       				
		       				
		       			</div>
		       	</div>
		       	  <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe824;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="number" placeholder="员工人数:20" required name="l">
		       			</div>
		       	</div>
		       	  <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe680;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div class="div-margin" style="font-size:20px">手续费标准</div>
		       				<select class="form-control" style="font-size:20px">
		       					<option>1.25%</option>
		       					<option>1.25%,80元封顶</option>
		       					<option>0.78%,26元封顶</option>
		       					<option>0.78%</option>
		       				</select>
		       			</div>
		       	</div>
		      </div>
		    </div>
		  </div>
 		 <div class="panel panel-default panel-heading-bg">
		   <div class="panel-heading title-head-padding" role="tab" id="headingOne">
		      <h4 class="panel-title panel_title_bg">
		        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseTwo">
		          商户经营信息<i class="fa fa-chevron-circle-down pull-right fa-icon-size"></i>
		        </a>
		      </h4>
		    </div>
		    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
				<div class="panel-body">
		          <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe607;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div class="col-xs-12 col-xs col-size">
		       					商户交易类型
		       				</div>
		       				<div class="row">
		       					<div class="col-xs-6 col-xs-div div-margin">
		       						<input type="radio" name="goodsType" checked>实地交易
		       					</div>
		       					<div class="col-xs-6 col-xs-div div-margin">
		       					<input type="radio" name="goodsType">其它</div>
		       				</div>
		       			</div>
		       	</div>
		       	      <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe67e;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div class="col-xs-12 col-xs col-size">
		       					商户付款方式
		       				</div>
		       				<div class="row">
		       					<div class="col-xs-6 col-xs-div div-margin">
		       						<input type="radio" name="MoneyType" checked="">预付款</div>
		       					<div class="col-xs-6 col-xs-div div-margin">
		       						<input type="radio" name="MoneyType"/>钱货两清</div>
		       					<div class="col-xs-6 col-xs-div div-margin">
		       						<input type="radio" name="MoneyType">分期付款</div>
		       					<div class="col-xs-6 col-xs-div div-margin">
		       						<input type="radio" name="MoneyType">赊购</div>
		       				</div>
		       			</div>
		       	</div>
		       		      <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe680;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div class="col-xs-12 col-xs col-size">
		       					希望资金清算方式
		       				</div>
		       				<div class="row">
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="method" checked="">实时</div>
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="method">T+1</div>
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="method">收支两条线</div>
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="method">赊购</div>
		       				</div>
		       			</div>
		       	</div>
		       		      <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe679;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<div class="col-xs-12 col-xs col-size">
		       					商户性质
		       				</div>
		       				<div class="row">
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="goodsq" checked="">国有</div>
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="goodsq">私营</div>
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="goodsq">合资</div>
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="goodsq">股份制</div>
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="goodsq">其它</div>
		       				</div>
		       			</div>
		       	</div>
		       	   	  <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe670;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10">
		       				<div class="col-xs-12 col-xs col-size">
		       					经营范围
		       				</div>
		       				<div class="row">
		       					<div class="col-xs-12 col-xs-bottom div-margin">
		       						<input type="text" placeholder="主业:个体餐饮" required>
		       					</div>
		       					<div class="col-xs-12 col-xs-bottom div-margin">
		       						<input type="text" placeholder="副业:小吃外卖" required>
		       					</div>
		       				</div>
		       			</div>
		       	</div>
		       	 	  <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe66f;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10">
		       				<div class="col-xs-12 col-xs col-size">
		       					商户分支机构
		       				</div>
		       				<div class="row">
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="goodsql" checked="">全国</div>
		       					<div class="col-xs-6 col-xs-div div-margin"><input type="radio" name="goodsql">省内</div>
		       					<div class="col-xs-12 col-xs-div div-margin">
										<input type="text" placeholder="数量(个)" required>
		       					</div>
		       				</div>
		       	</div>
		      </div>

		        	 <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe824;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="number" placeholder="前一年营业额(万元):100" required>
		       			</div>
		       	</div>

		       	  	 <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe607;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="number" placeholder="前一年盈利润(万元):100" required >
		       			</div>
		       	</div>

		       	  	 <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe67e;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="number" placeholder="预计月平均银行卡营业额(万元):100" required>
		       			</div>
		       	</div>

		       	  	 <div class="row row-margin">
		       			<div class="col-xs-2 col-xs-padding">
		       				<i class="iconfont fa-icon">&#xe680;</i><span>*</span>
		       			</div>
		       			<div class="col-xs-10 col-xs-bottom">
		       				<input type="number" placeholder="预计每张签购单平均交易额(万元):100" required>
		       			</div>
		       		</div>
		    </div>	


		</div>
		</div>
			<div class="col-xs-12" style="padding:0px;margin-top:10px;" >
			       			<input type="button" class="btn btn-primary btn-red" value="提交" id="submit"/>
			       		</div>
		</form>
</div>
</body>





<div class="modal fade tipModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">系统提示</h4>
      </div>
      <div class="modal-body">
        <p class="tipsContent" style="font-size:20px;"></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
$('#openTime').datetimepicker({
      lang:"ch",           //语言选择中文
      format:'Y-m-d',
      value:'2015/04/15 05:03',
      timepicker:false
});
$('#am').datetimepicker({
      lang:"ch",           //语言选择中文
      datepicker:false,
	  format:'H:i',
      value:'09:00'
      
});
$('#pm').datetimepicker({
      lang:"ch",           //语言选择中文
      datepicker:false,
	  format:'H:i',
      value:'18:00'
});

$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_square-green',
    radioClass: 'iradio_square-green',
    increaseArea: '20%' // optional
  });
});
$("#submit").click(function(){
	var logic = true;
	var a = $("input[name='a']");
	var b = $("input[name='b']");
	var c = $("input[name='c']");
	var d = $("input[name='d']");
	var e = $("input[name='e']");
	var k = $("input[name='k']");
	var l = $("input[name='l']");
	if(a.val()==""){
		logic = false;
		$(".tipModal").modal();
		$(".tipsContent").html("注册登记号不能为空");
	}
	if(b.val()==""){
		logic = false;
		$(".tipModal").modal();
		$(".tipsContent").html("税务登记号不能为空");
	}
	if(c.val()==""){
		logic = false;
		$(".tipModal").modal();
		$(".tipsContent").html("注册地址不能为空");
	}
	if(e.val()==""){
		logic = false;
		$(".tipModal").modal();
		$(".tipsContent").html("注册地址不能为空");
	}
	if(k.val()==""){
		logic = false;
		$(".tipModal").modal();
		$(".tipsContent").html("营业用地面积不能为空");
	}
	if(l.val()==""){
		logic = false;
		$(".tipModal").modal();
		$(".tipsContent").html("员工人数不能为空");
		l.focus();
	}
	if(logic){
		$(".tipModal").modal();
		$(".tipsContent").html("提交成功!");
	}
	

});
</script>
</html>